<template>
  <div class="counter-squared">
    {{ counter }}
    <sup>2</sup>
    =
    <span class="squared">{{ counterSquared }}</span>
  </div>
</template>

<script>
export default {
  props: ['counterSquared', 'counter']
}
</script>

<style scoped>
.squared {
  font-size: 24px;
  font-weight: bold;
  color: tomato;
}
</style>
